<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
    创建Vue实例,初始化渲染
    1. 准备容器(Vue管辖的范围)
    2. 引包(开发版本包 / 生产版本包)
    3. 创建实例
    4. 添加配置项 == 》 完成渲染
    -->
    <div id="app">
        <h1>{{msg}}</h1>
        <a href="#">{{count}}</a>
    </div>
    
     <script src="./node_modules/vue/dist/vue.js"></script>
     <script>
        // 一旦引入VueJS核心包,在全局环境,就有了 Vue 构造函数
        const app = new Vue({
            // 通过 el 配置选择器,指定Vue管理的是哪个盒子
            el: '#app',
            // 通过data提供数据
            data: {
                msg: 'Hello Vue',
                count: 666
            }
        })
     </script>
</body>
</html>